body{overflow:hidden;}
html,.ydy_body,.ydy_body > div,.row{ width:100%;height:100%;}
.ydy_body .row div:nth-of-type(1){ background-image:url(../images/yd1.jpg);background-size:100% 110%; background-position:center 10%;}
.ydy_body .row div:nth-of-type(2){ background-image:url(../images/yd2.jpg);background-size:100% 110%; background-position:center 10%;}
.ydy_body .row div a{display:inline-block;width:100%;height:100%; vertical-align:middle; text-align:center;}
.ydy_body .row div a img{vertical-align:middle;max-width:90%;}
.ydy_body .row div a:after{
  content:'';
  width:0;
  height:100%;
  display:inline-block;
  vertical-align:middle;
}


.ydy_body .row div:nth-of-type(1) a{background-color:rgba(0,0,0,0);}
.ydy_body .row div a{background-color:rgba(0,0,0,0.4)}
/*
.ydy_body .row div:hover a{background-color:rgba(0,0,0,0);}
*/
.col-sm-6, .col-xs-12{padding:0px;}
@media (max-width:767px){
    .ydy_body .row > div{width:100%;height:50%;}

}
@media (min-width:768px){
    .ydy_body .row > div{width:50%;height:100%;}
}